<template>
  <a-card :bordered="false" title="设备使用率统计图（呼吸机）" style="height: 600px;">
    <div>
      <a-row>
        <a-col :span="6">
          科室名称:&nbsp;
          <a-cascader ref="area" :options="optionsArea" change-on-select @change="onChangeArea" placeholder="请选择科室名称" />
        </a-col>
        <a-col :span="6">
          设备类型:&nbsp;<a-cascader ref="area" :options="options" change-on-select @change="onChange" placeholder="请选择设备类型" />
        </a-col>
        <a-col :span="12">
          统计日期:&nbsp;<a-range-picker @change="onChange" />
        </a-col>
      </a-row>
    </div>
  </a-card>
</template>

<script>
    import { getAction } from '@/api/manage'

    export default {
        data() {
            return {
                msg: 'hi'
            }
        },
        methods: {
          onChange(date, dateString) {
                console.log(date, dateString);
              },
        },
        created() {

        }
    }
</script>
